* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.main-two p {
	display: block;
	height: 100%;
	text-align: center;
	font-size: 1.5em;
	width: 1260px;
	margin: 0 auto;
}

.main-two .you .app-a {
	width: 332px;
	height: 23px;
	margin-bottom: 28px;
	background-image: url(../imgb/aa3.png);
	background-repeat: no-repeat;
}

.main-two .you h2 {
	display: block;
}

.main-two .you h2 span {
	width: 421px;
	height: 75px;
	margin-bottom: 14px;
	display: block;
}

.main-two .you h2 .one {
	background: url(../imgb/aa4.png);
	background-repeat: no-repeat;
}

.main-two .you h2 .two {
	background: url(../imgb/aa5.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.main-two .you .app-c {
	margin: 64px 0 22px;
}

.main-two .you .app-c a {
	font-family: "微软雅黑";
	display: inline-block;
	width: 256px;
	height: 50px;
	padding: 15px 25px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 50px;
	color: #323232;
	margin-right: 10px;
	background: linear-gradient(90deg, #ffc625, #ffc92a, #ffde7d);
}

.main-two .you .app-c a:hover {
	background: #FFD926;
}

.main-two .you .app-d {
	margin-top: 20px;
	display: block;
}

.main-two .you .app-d a {
	font-size: 14px;
	color: #95999C;
}

.main-two .you .app-d a:hover {
	color: #FFFFFF;
}

.main-two .one .you {
	position: absolute;
	left: 50%;
	top: 346px;
	margin-left: 100px;
	animation-duration: 1s;
}

.main-two .one .zuo {
	position: absolute;
	left: 70px;
	bottom: 0;
	width: 580px;
	height: 767px;
	animation-duration: 1s;
}

.main-two .one .zuo .app-logo-a {
	position: absolute;
	left: 50%;
	top: -25px;
	z-index: 3;
	width: 400px;
	height: 456px;
	margin-left: -230px;
	background-image: url(../imgb/aa1.png);
}

.main-two .one .zuo .app-logo-b {
	position: absolute;
	left: -62px;
	bottom: -40px;
	z-index: 1;
	width: 683px;
	height: 670px;
	background: url(../imgb/aa2.png)
}

.main-two .two .left {
	width: 309px;
	height: 375px;
	position: absolute;
	top: 254px;
	left: 90px;
	animation-duration: 2.5s;
}

.main-two .two .left .shop-a {
	height: 146px;
	width: 100%;
	display: block;
	background: url(../imgb/bb2.png);
	background-repeat: no-repeat;
}

.main-two .two .left .shop-b {
	font-size: 18px;
	line-height: 30px;
	color: #a0a0a0;
	letter-spacing: .5em;
	margin-bottom: 82px;
	text-align: left;
	font-family: "微软雅黑";
}

.main-two .two .left .shop-c {
	animation-delay: .8s;
	overflow: hidden;
	width: 100%;
	height: 75px;
}

.main-two .two .left .shop-c li {
	position: relative;
	float: left;
	width: 65px;
	height: 100%;
	margin-right: 50px;
	display: block;
	font-size: 13px;
	color: #8c8c8c;
	text-align: center;
	line-height: 130px;
	display: block;
	font-family: "微软雅黑";
}

.main-two .two .left .shop-c .one {
	background: url(../imgb/bb3.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.main-two .two .left .shop-c .two {
	background: url(../imgb/bb4.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.main-two .two .left .shop-c .three {
	background: url(../imgb/bb5.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.main-two .two .right {
	position: absolute;
	bottom: 142px;
	right: 30px;
	width: 881px;
	height: 597px;
	padding: 112px 132px 0;
	animation-duration: 1s;
	background: url(../imgb/bb1.png);
	background-repeat: no-repeat;
}

.main-two .three .top {
	position: absolute;
	top: 125px;
	width: 100%;
	animation-duration: 1.5s;
}

.main-two .three .top span {
	width: 533px;
	height: 48px;
	margin: 0 auto 18px;
	background-image: url(../imgb/cc1.png);
	display: block;
}

.main-two .three .top h3 {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 30px;
	color: #a0a0a0;
	display: block;
	text-align: center;
	letter-spacing: .5em;
}

.main-two .three .footer {
	position: absolute;
	left: 50%;
	bottom: 116px;
	width: 1250px;
	height: 611px;
	padding: 20px 46px 54px 27px;
	margin-left: -625px;
	background-image: url(../imgb/cc2.png);
	animation-duration: 2s;
}

.main-two .three .footer .ones {
	position: absolute;
	left: 27px;
	top: 20px;
	width: 238px;
	height: 269px;
}

.main-two .three .footer .twos {
	position: absolute;
	left: 969px;
	top: 20px;
	width: 237px;
	height: 269px;
}

.main-two .three .footer .threes {
	position: absolute;
	left: 503px;
	bottom: 54px;
	width: 237px;
	height: 269px;
}

.main-two .three .footer span {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 145px;
	height: 66px;
	margin: -33px 0 0 -72px;
	background-image: url(../imgb/cc3.png);
	background-repeat: no-repeat;
}

.main-two .three .footer .twos span {
	background-image: url(../imgb/cc4.png);
}

.main-two .three .footer .threes span {
	background-image: url(../imgb/cc5.png);
}

.main-two .four .tops {
	position: absolute;
	top: 125px;
	width: 100%;
	animation-duration: 1s;
}

.main-two .four .tops span {
	width: 512px;
	height: 53px;
	margin: 0 auto 18px;
	background-image: url(../imgb/dd1.png);
	display: block;
}

.main-two .four .tops h3 {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 30px;
	color: #a0a0a0;
	display: block;
	text-align: center;
	letter-spacing: .5em;
}

.main-two .four .footers {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 200px;
}

.main-two .four .footers ul li {
	width: 25%;
	float: left;
}

.main-two .four .footers .onee::before {
	background-image: url(../imgb/dd2.png);
	background-position: -600px 0;
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 42px;
}

.main-two .four .footers .twoo::before {
	background-position: -200px 0;
	background-image: url(../imgb/dd2.png);
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 42px;
}

.main-two .four .footers .threee::before {
	background-position: -800px 0;
	background-image: url(../imgb/dd2.png);
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 42px;
}

.main-two .four .footers .fourr::before {
	background-position: -1000px 0;
	background-image: url(../imgb/dd2.png);
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 42px;
}

.main-two .four .footers .onee {
	animation-duration: 1s;
}

.main-two .four .footers .twoo {
	animation-duration: 1.5s;
}

.main-two .four .footers .threee {
	animation-duration: 2s;
}

.main-two .four .footers .fourr {
	animation-duration: 2.3s;
}

.main-two .four .footers h3 {
	font-size: 32px;
	margin-bottom: 10px;
	text-align: center;
	display: block;
	color: #333333;
	font-family: "微软雅黑";
}

.main-two .four .footers h5 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #8c8c8c;
	text-align: center;
}

.main-two .one {
	height: 1000px;
	background-image: url(../imgb/aa.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #000000;
	position: relative;
}

.main-two .two {
	height: 900px;
	background-image: url(../imgb/bb.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #000000;
	position: relative;
}

.main-two .three {
	height: 1000px;
	background-image: url(../imgb/cc.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #000000;
	position: relative;
}

.main-two .four {
	height: 900px;
	background-image: url(../imgb/dd.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #FFFFFF;
	position: relative;
}

.footer-two {
	padding: 56px 0;
	background: #000;
}

.footer-two .up {
	position: relative;
}

.footer-two .up h3 {
	margin-right: 20px;
	font-size: 16px;
	color: #6e6e6e;
	font-family: "微软雅黑";
	display: inline-block;
}

.footer-two .up .up-one {
	display: inline-block;
	margin-right: 178px;
}

.footer-two .up .up-two {
	display: inline-block;
}

.footer-two .up .up-one .one-r {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 50px;
}

.footer-two .up .up-two .two-r {
	display: inline-block;
	vertical-align: top;
}

.footer-two .up ul {
	margin-right: -27px;
	margin-bottom: 0;
	overflow: hidden;
}

.footer-two .up ul li {
	overflow: hidden;
}

.footer-two .up ul li a {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	display: block;
	float: left;
	color: hsla(210, 4%, 79%, .4);
}
.footer-two .up a:hover{
	color: #FFFFFF;
}
.footer-two .up .up-three .three-right a:hover{
	color: #FFFFFF;
}

.footer-two .up i {
	position: relative;
	width: 50px;
	height: 50px;
	margin-bottom: 8px;
	border: 1px solid #3a3a3a;
	border-radius: 50%;
	display: block;
}

.footer-two .up .one-r i::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	background-image: url(../imgb/ee1.png);
	background-repeat: no-repeat;
}

.footer-two .up .two-r i::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	background-image: url(../imgb/ee2.png);
	background-repeat: no-repeat;
}

.footer-two .up .two-r .weixin i::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	background-image: url(../imgb/ee3.png);
	background-repeat: no-repeat;
}

.footer-two .up .up-three {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
}
.footer-two .up .up-three .three-right li{
	    width: 50%;
    padding-bottom: 6px;
        float: left;
}
.footer-two .up .up-three .three-right li a{
	font-size: 14px;
    line-height: 24px;
    color: hsla(210,4%,79%,.4);
}
.footer-two .down{
	padding-top: 30px;
}
.footer-two .down p{
	text-align: center;
    font-size: 12px;
    line-height: 24px;
        color: #5d5d5d;
        margin: 0;
}
.footer-two .down a{
	    color: #5d5d5d;
}
.footer-two .down a:hover{
	color: #fff;
}


@media (max-width:600px) {
	.main-two .one .you {
		bottom: -130px;
	}
	.main-two .one .you {
		top: 50px;
		z-index: 3;
		margin-left: 20px;
		left: 0;
	}
	.main-two .you .app-c {
		margin-top: 20px;
	}
	.main-two .you .app-c a {
		margin-top: 10px;
		width: 200px;
	}
	.main-two .you .app-a {
		background-size: 80%;
		margin-bottom: 20px;
	}
	.main-two .you h2 .one {
		background-size: 65%;
		height: 100px;
	}
	.main-two .you h2 .two {
		display: none;
	}
	.main-two .you .app-c {
		margin: 0;
	}
	.main-two .one {
		height: 600px;
	}
	.main-two .one .zuo .app-logo-b {
		background-repeat: no-repeat;
		background-size: 60%;
		bottom: -350px;
		left: 30px;
	}
	.main-two .one .zuo .app-logo-a {
		background-repeat: no-repeat;
		background-size: 60%;
		top: 350px;
		left: 58%;
	}
	.main-two .two .left .shop-a {
		background-size: 80%;
	}
	.main-two .two .left {
		top: 30px;
		left: 20px;
	}
	.main-two .two .right {
		bottom: -150px;
		right: -488px;
		background-size: 48%;
	}
	.main-two .three .top span {
		background-repeat: no-repeat;
		background-size: 59%;
	}
	.main-two .four .tops span {
		background-repeat: no-repeat;
		background-size: 72%;
	}
	.main-two .three .footer {
		left: 28%;
	}
	.main-two .four .footers {
		bottom: 0px;
	}
	.main-two .four .tops {
		top: 30px;
	}
	.main-two .four .footers ul li {
		width: 100%;
		margin-top: 20px;
	}
	.main-two .four {
		height: 1600px;
	}
	.footer-two .up h3 {
		display: none;
	}
	.footer-two .up .up-three{
		display: none;
	}
	.footer-two .up .up-one{
		margin-right: 15px;
	}
	.footer-two .up{
		text-align: center;
	}
}